<!DOCTYPE html>
<html lang="en">

<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta charset="utf-8" />
	<title>北京西大校友管理系统</title>

	<meta name="description" content="Static &amp; Dynamic Tables" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

	<!-- bootstrap & fontawesome -->
	<link rel="stylesheet" href="/static/ace/assets/css/bootstrap.css" />
	<link rel="stylesheet" href="/static/ace/components/font-awesome/css/font-awesome.css" />

	<!-- page specific plugin styles -->

	<!-- text fonts -->
	<link rel="stylesheet" href="/static/ace/assets/css/ace-fonts.css" />

	<!-- ace styles -->
	<link rel="stylesheet" href="/static/ace/assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />

	<!--[if lte IE 9]>
			<link rel="stylesheet" href="/static/ace/assets/css/ace-part2.css" class="ace-main-stylesheet" />
		<![endif]-->
	<link rel="stylesheet" href="/static/ace/assets/css/ace-skins.css" />
	<link rel="stylesheet" href="/static/ace/assets/css/ace-rtl.css" />

	<!--[if lte IE 9]>
		  <link rel="stylesheet" href="/static/ace/assets/css/ace-ie.css" />
		<![endif]-->

	<!-- inline styles related to this page -->

	<!-- ace settings handler -->
	<script src="/static/ace/assets/js/ace-extra.js"></script>

	<script src="/static/js/echarts.min.js"></script>



	<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

	<!--[if lte IE 8]>
		<script src="/static/ace/components/html5shiv/dist/html5shiv.min.js"></script>
		<script src="/static/ace/components/respond/dest/respond.min.js"></script>
		<![endif]-->
</head>

<body class="no-skin">
	<!-- #section:basics/navbar.layout -->
	<div id="navbar" class="navbar navbar-default          ace-save-state">
		<div class="navbar-container ace-save-state" id="navbar-container">
			<!-- #section:basics/sidebar.mobile.toggle -->
			<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
				<span class="sr-only">Toggle sidebar</span>

				<span class="icon-bar"></span>

				<span class="icon-bar"></span>

				<span class="icon-bar"></span>
			</button>

			<!-- /section:basics/sidebar.mobile.toggle -->
			<div class="navbar-header pull-left">
				<!-- #section:basics/navbar.layout.brand -->
				<a href="#" class="navbar-brand">
					<small>
						<i class="fa fa-leaf"></i>
						北京西大校友管理系统
					</small>
				</a>

				<!-- /section:basics/navbar.layout.brand -->

				<!-- #section:basics/navbar.toggle -->

				<!-- /section:basics/navbar.toggle -->
			</div>

			<!-- #section:basics/navbar.dropdown -->
			<div class="navbar-buttons navbar-header pull-right" role="navigation">
				<ul class="nav ace-nav">

					<!-- #section:basics/navbar.user_menu -->
					<li class="light-blue dropdown-modal">
						<a data-toggle="dropdown" href="#" class="dropdown-toggle">
							<span class="user-info" style="margin-top:10px;">
								用户
							</span>
							<i class="ace-icon fa fa-caret-down"></i>
						</a>

						<ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">

							<li>
								<a href="javascript:window.location.href='/user/login'">
									<i class="ace-icon fa fa-power-off"></i>
									退出登录
								</a>
							</li>
						</ul>
					</li>

					<!-- /section:basics/navbar.user_menu -->
				</ul>
			</div>

			<!-- /section:basics/navbar.dropdown -->
		</div>
		<!-- /.navbar-container -->
	</div>

	<!-- /section:basics/navbar.layout -->
	<div class="main-container ace-save-state" id="main-container">
		<script type="text/javascript">
			try {
				ace.settings.loadState('main-container')
			} catch (e) {}
		</script>

		<!-- #section:basics/sidebar -->
		<div id="sidebar" class="sidebar                  responsive                    ace-save-state">
			<script type="text/javascript">
				try {
					ace.settings.loadState('sidebar')
				} catch (e) {}
			</script>


			<ul class="nav nav-list">
				<li class="active">
					<a href="#">
						<i class="menu-icon fa fa-tachometer"></i>
						<span class="menu-text"> 用户分析 </span>
					</a>

					<b class="arrow"></b>
				</li>
				<li>
					<a href="#" class="dropdown-toggle">
						<i class="menu-icon fa fa-list"></i>
						<span class="menu-text"> 用户管理 </span>

						<b class="arrow fa fa-angle-down"></b>
					</a>

					<b class="arrow"></b>

					<ul class="submenu">
						<li class="">
							<a href="/admin/user/list">
								<i class="menu-icon fa fa-caret-right"></i>
								用户列表
							</a>

							<b class="arrow"></b>
						</li>

						<li class="">
							<a href="/admin/user/adduserpage">
								<i class="menu-icon fa fa-caret-right"></i>
								添加用户
							</a>

							<b class="arrow"></b>
						</li>
					</ul>
				</li>
			</ul>
			<!-- /.nav-list -->

			<!-- #section:basics/sidebar.layout.minimize -->
			<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
				<i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state" data-icon1="ace-icon fa fa-angle-double-left"
				  data-icon2="ace-icon fa fa-angle-double-right"></i>
			</div>

			<!-- /section:basics/sidebar.layout.minimize -->
		</div>

		<!-- /section:basics/sidebar -->
		<div class="main-content">
			<div class="main-content-inner">
				<!-- #section:basics/content.breadcrumbs -->


				<!-- /section:basics/content.breadcrumbs -->
				<div class="page-content">

					<div class="page-header">
						<h1>
							用户管理
							<small>
								<i class="ace-icon fa fa-angle-double-right"></i>
								用户分析
							</small>
						</h1>
					</div>
					<!-- /.page-header -->

					<div class="row">
						<div class="col-xs-12">
							<!-- PAGE CONTENT BEGINS -->
							<div class="row">
								<div class="col-xs-12">
									<div class="col-sm-6">
										<div class="widget-box">
											<div class="widget-header widget-header-flat widget-header-small">
												<h5 class="widget-title">
													<i class="ace-icon fa fa-signal"></i>
													单位性质分布图
												</h5>

											</div>

											<div class="widget-body">
												<div class="widget-main">
													<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
													<div id="pipechart" style="width: 600px;height:400px;"></div>
													<script type="text/javascript">
														// 基于准备好的dom，初始化echarts实例
														var myChart = echarts.init(document.getElementById('pipechart'));

														// 指定图表的配置项和数据
														option = {
															title: {
																text: '用户分布图',
																subtext: '用户数据分布情况',
																x: 'center'
															},
															tooltip: {
																trigger: 'item',
																formatter: "{a} <br/>{b} : {c} ({d}%)"
															},
															legend: {
																orient: 'vertical',
																left: 'left',
																data: ['国家行政机关', '公私合作企业', '中外合资企业', '社会组织机构', '国际组织机构']
															},
															series: [{
																name: '访问来源',
																type: 'pie',
																radius: '55%',
																center: ['50%', '60%'],
																data: [{
																		value: 335,
																		name: '国家行政机关'
																	},
																	{
																		value: 310,
																		name: '公私合作企业'
																	},
																	{
																		value: 234,
																		name: '中外合资企业'
																	},
																	{
																		value: 135,
																		name: '社会组织机构'
																	},
																	{
																		value: 1548,
																		name: '国际组织机构'
																	}
																],
																itemStyle: {
																	emphasis: {
																		shadowBlur: 10,
																		shadowOffsetX: 0,
																		shadowColor: 'rgba(0, 0, 0, 0.5)'
																	}
																}
															}]
														};


														// 使用刚指定的配置项和数据显示图表。
														myChart.setOption(option);
													</script>
												</div>
												<!-- /.widget-main -->
											</div>
											<!-- /.widget-body -->
										</div>
										<!-- /.widget-box -->
									</div>

									<div class="col-sm-6">
										<div class="widget-box">
											<div class="widget-header widget-header-flat widget-header-small">
												<h5 class="widget-title">
													<i class="ace-icon fa fa-signal"></i>
													行业领域分布图
												</h5>

											</div>

											<div class="widget-body">
												<div class="widget-main">
													<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
													<div id="barchart" style="width: 600px;height:400px;"></div>
													<script type="text/javascript">
														// 基于准备好的dom，初始化echarts实例
														var barChart = echarts.init(document.getElementById('barchart'));

														// 指定图表的配置项和数据
														option = {
															title: {
																text: '注册总人数',
																subtext: '数据采集'
															},
															tooltip: {
																trigger: 'axis',
																axisPointer: {
																	type: 'shadow'
																}
															},
															legend: {
																data: ['2018年']
															},
															grid: {
																left: '3%',
																right: '4%',
																bottom: '3%',
																containLabel: true
															},
															xAxis: {
																type: 'value',
																boundaryGap: [0, 0.01]
															},
															yAxis: {
																type: 'category',
																data: ['金融/教育/企业服务', '机械/电子/汽车/五金', '食品/烟酒/医药/美容', '石化/冶金/能源/环保', '房产/建筑/餐饮/旅游/招商', '注册总人数']
															},
															series: [{
																	name: '2018年',
																	type: 'bar',
																	data: [3, 6, 8, 12, 50, 79]
																},
									
															]
														};



														// 使用刚指定的配置项和数据显示图表。
														barChart.setOption(option);
													</script>
												</div>
												<!-- /.widget-main -->
											</div>
											<!-- /.widget-body -->
										</div>
										<!-- /.widget-box -->
									</div>
								</div>
								<!-- /.span -->
							</div>
							<!-- /.row -->

							<!-- PAGE CONTENT ENDS -->
						</div>
						<!-- /.col -->
					</div>
					<!-- /.row -->
				</div>
				<!-- /.page-content -->
			</div>
		</div>
		<!-- /.main-content -->

		<div class="footer">
			<div class="footer-inner">
				<!-- #section:basics/footer -->
				<div class="footer-content">
					<span class="bigger-120">
						<span class="blue bolder">北京西大校友联盟</span>
						后台管理系统 &copy; 2017-2018
					</span>

				</div>

				<!-- /section:basics/footer -->
			</div>
		</div>

		<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
			<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
		</a>
	</div>
	<!-- /.main-container -->

	<!-- basic scripts -->

	<!--[if !IE]> -->
	<script src="/static/ace/components/jquery/dist/jquery.js"></script>

	<!-- <![endif]-->

	<!--[if IE]>
<script src="/static/ace/components/jquery.1x/dist/jquery.js"></script>
<![endif]-->
	<script type="text/javascript">
		if ('ontouchstart' in document.documentElement) document.write(
			"<script src='/static/ace/components/_mod/jquery.mobile.custom/jquery.mobile.custom.js'>" + "<" + "/script>");
	</script>
	<script src="/static/ace/components/bootstrap/dist/js/bootstrap.js"></script>

	<!-- page specific plugin scripts -->

	<!-- ace scripts -->
	<script src="/static/ace/assets/js/src/elements.scroller.js"></script>
	<script src="/static/ace/assets/js/src/elements.colorpicker.js"></script>
	<script src="/static/ace/assets/js/src/elements.fileinput.js"></script>
	<script src="/static/ace/assets/js/src/elements.typeahead.js"></script>
	<script src="/static/ace/assets/js/src/elements.wysiwyg.js"></script>
	<script src="/static/ace/assets/js/src/elements.spinner.js"></script>
	<script src="/static/ace/assets/js/src/elements.treeview.js"></script>
	<script src="/static/ace/assets/js/src/elements.wizard.js"></script>
	<script src="/static/ace/assets/js/src/elements.aside.js"></script>
	<script src="/static/ace/assets/js/src/ace.js"></script>
	<script src="/static/ace/assets/js/src/ace.basics.js"></script>
	<script src="/static/ace/assets/js/src/ace.scrolltop.js"></script>
	<script src="/static/ace/assets/js/src/ace.ajax-content.js"></script>
	<script src="/static/ace/assets/js/src/ace.touch-drag.js"></script>
	<script src="/static/ace/assets/js/src/ace.sidebar.js"></script>
	<script src="/static/ace/assets/js/src/ace.sidebar-scroll-1.js"></script>
	<script src="/static/ace/assets/js/src/ace.submenu-hover.js"></script>
	<script src="/static/ace/assets/js/src/ace.widget-box.js"></script>
	<script src="/static/ace/assets/js/src/ace.settings.js"></script>
	<script src="/static/ace/assets/js/src/ace.settings-rtl.js"></script>
	<script src="/static/ace/assets/js/src/ace.settings-skin.js"></script>
	<script src="/static/ace/assets/js/src/ace.widget-on-reload.js"></script>
	<script src="/static/ace/assets/js/src/ace.searchbox-autocomplete.js"></script>

	<!-- inline scripts related to this page -->
	<script type="text/javascript">
		jQuery(function ($) {
		

		})
	</script>


</body>

</html>